<!-- 积分支出 -->
<template>
	<view>
		<navbar :isFixed="true" title="积分支出" :borderBottom="false"></navbar>
		<view class="timeList">
			<dropdown>
				<dropdownItem v-model="value" :title="title" :options="options" @change="change"></dropdownItem>
				<dropdownItem disabled></dropdownItem>
				<dropdownItem disabled></dropdownItem>
			</dropdown>
		</view>
		<view class="block"></view>
		<view class="wrap">
			<view class="item" v-for="item in 5">
				<view class="flex_bet_align">
					<view class="title">商城订单积分抵扣</view>
					<view class="count">-100</view>
				</view>
				<view class="num">订单编号：000000000000</view>
				<view class="time">2020.11.30 15:30</view>
			</view>
		</view>
	</view>
</template>

<script>
	import navbar from '@/uview-ui/components/u-navbar/u-navbar.vue';
	import dropdown from '@/uview-ui/components/u-dropdown/u-dropdown.vue';
	import dropdownItem from '@/uview-ui/components/u-dropdown-item/u-dropdown-item.vue';
	export default {
		components:{
			navbar,dropdown,dropdownItem
		},
		data() {
			return {
				options:[
					{label:'2021年01月',value:1},
					{label:'2021年02月',value:2},
					{label:'2021年03月',value:3},
					{label:'2021年04月',value:4},
					{label:'2021年05月',value:5}
				],
				value:1,
				title:'2021年01月'
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	page{
		font-family: PingFang SC;
	}
	.timeList{
		width: 750rpx;
		height: 71rpx;
		margin:20rpx 0;
	}
	.block{
		height: 10rpx;
		background-color: #F7F7F7;
	}
	.wrap{
		padding:0 47rpx 0 41rpx;
		.item{
			padding:44rpx 0 36rpx;
			border-bottom: 1rpx solid #EEEEEE;
			.title{
				font-size: 30rpx;
				font-weight: 500;
				color: #222222;
			}
			.count{
				font-size: 34rpx;
				font-weight: 500;
				color: #222222;
			}
			.num{
				font-size: 26rpx;
				font-weight: 500;
				color: #999999;
				margin:25rpx 0 22rpx;
			}
			.time{
				font-size: 26rpx;
				font-weight: 500;
				color: #999999;
			}
		}
	}
</style>
